<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>易买网 - 首页</title>
    <link type="text/css" rel="stylesheet" th:href="@{/css/style.css}"/>
    <script type="text/javascript" th:src="@{/scripts/function.js}"></script>
</head>
<body>
<div id="header" class="wrap">
    <div id="logo"><img th:src="@{/images/logo.gif}" /></div>
    <div class="help"><a href="#" class="shopping">购物车</a><a href="login.html">登录</a><a href="register.html">注册</a><a href="guestbook.html">留言</a></div>
    <div class="navbar">
        <ul class="clearfix">
            <li class="current"><a href="#">首页</a></li>
            <li><a href="#">图书</a></li>
            <li><a href="#">百货</a></li>
            <li><a href="#">品牌</a></li>
            <li><a href="#">促销</a></li>
        </ul>
    </div>
</div>
<div id="childNav">
    <div class="wrap">
        <ul class="clearfix">
            <li class="first"><a href="#">音乐</a></li>
            <li><a href="#">影视</a></li>
            <li><a href="#">少儿</a></li>
            <li><a href="#">动漫</a></li>
            <li><a href="#">小说</a></li>
            <li><a href="#">外语</a></li>
            <li><a href="#">数码相机</a></li>
            <li><a href="#">笔记本</a></li>
            <li class="last"><a href="#">Investor Relations</a></li>
        </ul>
    </div>
</div>
<div id="main" class="wrap">
    <div class="lefter">
        <div class="box" th:include="category :: copy">
            <!--
            <h2>商品分类</h2>
            <dl th:each="bigs : ${session.cateMap['bigs']}">
                <dt th:text="${bigs.epcName}">图书音像</dt>
                <dd th:each="smalls :${session.cateMap['smalls']}" th:if="${bigs.epcId==smalls.epcParentId}">
                    <a th:text="${smalls.epcName}" th:href="@{/product_category/detail(epcId=${smalls.epcId})}">图书</a></dd>
            </dl>
            -->
        </div>
        <div class="spacer"></div>
        <div class="last-view">
            <h2>最近浏览</h2>
            <dl class="clearfix">
                <dt><img th:src="@{/images/product/0_tiny.gif}" /></dt>
                <dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
                <dt><img th:src="@{/images/product/0_tiny.gif}" /></dt>
                <dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
            </dl>
        </div>
    </div>
    <div class="main">
        <div class="price-off">
            <h2>商品列表</h2>
            <ul class="product clearfix">
                <li th:each= "product:${productPage.getRecords()}">
                    <dl>
                        <dt><a th:href="@{/product/detail(epId=${product.epId})}" target="_blank">
                            <img th:src="@{'/images/product/'+${product.epFileName}}"/>
                        </a></dt>
                        <dd class="title">
                            <a th:href="@{/product/detail(epId=${product.epId})}" target="_blank" th:text="${product.epName}">法国德菲丝松露精品巧克力500g/盒</a></dd>
                        <dd class="price" th:text="'￥'+${product.epPrice}">￥108.0</dd>
                    </dl>
                </li>

            </ul>

            <div class="pager">
                <ul class="clearfix">
                    <li><a th:disabled="${productPage.getCurrent()==1?'true':'flase'}"
                           th:style="${productPage.getCurrent()==1?'cursor:no-drop':'auto'}"
                           th:href="@{'/index/front?psize='+${productPage.getCurrent()>1?(productPage.getCurrent()-1):1}}">
                        上一页</a></li>
                    <li th:class="${productPage.getCurrent()==p?'current':''}"
                        th:each="p:${#numbers.sequence(1,productPage.getPages())}">
                        <a th:style="${productPage.getCurrent()==p?'color:red':''}"
                           th:href="@{'/index/front?psize='+${p}}" th:text="${p}"></a>
                    </li>

                    <li><a th:href="@{'/index/front?psize='+${productPage.getCurrent()<productPage.getPages()?
                    (productPage.getCurrent()+1):productPage.getPages()}}">下一页</a></li>
                </ul>
            </div>

        </div>
        <div class="side">
            <div class="spacer"></div>
            <div class="news-list">
                <h4>新闻动态</h4>
                <ul>
                    <li th:each="news:${newsPage.getRecords()}">
                        <a th:href="news-view.html" target="_blank" th:text="${news.getEnTitle()}">抢钱啦
                        </a></li>
                </ul>

            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div id="footer">
    Copyright &copy; 2016 湖南软测信息技术有限公司 All Rights Reserved. 湘ICP证1001号
</div>
</body>
</html>
